<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<!--<![endif]-->
<head>
<base href="<%=basePath%>"></base>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>demo</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/xjp.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/respond.min.js" type="text/javascript"></script>
<!-- 
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build 
-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script type="text/javascript">
	$(function() {
		$('#ckpl').click(function() {
			$(".fluid1").show();
		})
	})
</script>
</head>
<body>
	<div class="gridContainer clearfix">
		<div class="fluid">
			<p class="title">${title}</p>
			<span class="date">发布时间：${date} 来源：${from}</span>
		</div>
		<div class="fluid">
			<img src="images/xjp.png" alt="" />
		</div>
		<div class="fluid">
			<p class="pclass">${p1}</p>
			<p class="pclass">${p2}</p>
			<p class="pclass">${p3}</p>
		</div>
		<div class="fluid">
			<br> <br>
		</div>
		<div class="fluid">
			<table align="center" cellpadding="10">
				<tbody>
					<tr>
						<td><a class="aclass"><img class="imgclass"
								src="images/i1.jpg" /> &nbsp;喜欢 <span>36&nbsp;&nbsp;</span></a></td>
						<td><a class="aclass"><img class="imgclass"
								src="images/i2.jpg" /> 不喜欢 <span>6&nbsp;&nbsp;</span></a></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="fluid">
			<br> <br>
		</div>
		<div class="fluid">
			<hr>
		</div>

		<div class="fluid">
			<h2 class="jcpl">精彩评论</h2>
		</div>
		<c:forEach items="${clist}" var="comment" varStatus="status">
			<c:if test="${status.count <= 2}">
				<div class="fluid">
			</c:if>
			<c:if test="${status.count > 2}">
				<div class="fluid1">
			</c:if>
			<table>
				<tbody>
					<tr>
						<td width="50" height="30" class="tx"><img
							src="images/tx.png" alt="" /></td>
						<td height="30" class="username">${comment.username}</td>
						<td height="30" class="zan"><a href=""><span class="span">182</span></a></td>
					</tr>
					<tr>
						<td></td>
						<td class="time">${comment.time}</td>
						<td></td>
					</tr>
					<tr>
						<td height="30"></td>
						<td class="pltd" colspan="2"><p>${comment.content}</p></td>
						<!-- <td height="30" style="text-align: right"></td>-->
					</tr>
				</tbody>
			</table>
			<hr>
		</div>
	</c:forEach>


	<div class="fluid">
		<table align="center">
			<tbody>
				<tr>
					<td id="ckpl"><span class="ckgdpl">查看更多评论</span></td>
				</tr>
			</tbody>
		</table>
		<hr>
	</div>

	<div class="fluid">
		<img src="images/gg.png" alt="" />
	</div>

	<div class="fluid"></div>
	<div class="fluid">
		<img src="images/tg.png" alt="" /><span class="tuigang">${slogan}</span>
	</div>

	</div>
</body>
</html>
